<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1">
    <title>2016年度广东省纺织品进出口股份有限公司供应商大会邀请函</title>
    <link rel="stylesheet" type="text/css" href="./iconfont.css">
    <script src="./fastclick.js" type="text/javascript"></script>
</head>

<body>
    <div style='margin:0 auto;width:0px;height:0px;overflow:hidden;'>
        <img src="./logo.png" width='700'>
    </div>
    <!--
      The nav bar that will be updated as we navigate between views.
    -->
    <style type="text/css">
    body {
        background-image: url('./背景.jpg');
        background-repeat: no-repeat;
        background-size: 100% auto;
        overflow-x: hidden;
        width: 100%;
        margin: 0;
        padding: 0;
        height: 100%;
        background-color: rgb(249, 238, 217);
    }
    
    .input-dom {
        width: 36%;
        height: 22px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid rgba(205, 154, 4, 0.66);
        border-radius: 4px;
        outline-width: 0;
        outline: none;
        background-color: rgba(253, 255, 247, 0.98);
    }
    
    .icon {
        color: rgb(189, 131, 0);
        font-size: 19px;
    }
    
    .form-wrapper {
        /*position: absolute;*/
        bottom: 10px;
        width: 100%;
        text-align: center;
    }
    
    .button {
        background-image: url('./session-register.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
        width: 200px;
        height: 60px;
        display: inline-block;
        margin-top: 24px;
        margin-bottom: 24px;
    }
    
    .button:active {
        background-image: url('./session-register-click.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    
    .agenda-wrapper {
        position: absolute;
        /*top:435px;*/
        top: 71%;
        width: 100%;
        height: 80px;
        text-align: center;
    }
    
    .agenda {
        background-image: url('./session-register.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
        width: 150px;
        height: 50px;
        display: inline-block;
    }
    
    .agenda:active {
        background-image: url('./session-register-click.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    
    .ant-line {
        width: 98%;
        height: 3px;
        background-image: url('./ant.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    
    .first {
        position: absolute;
        /*top:240px;*/
        top: 21%;
    }
    
    .second {
        margin-bottom: 15px;
    }
    
    .item {
        margin: 30px 0;
    }
    
    .success-wrapper {
        position: absolute;
        text-align: center;
        top: 26%;
        /*top:220px;*/
        height: 40px;
        width: 100%;
    }
    
    .para1 {
        margin: 0px 0 0px 0;
        text-align: center;
        display: inline-block;
        width: 87%;
        height: 120px;
        background-image: url('./para2.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    
    .para2 {
        text-align: center;
        display: inline-block;
        width: 90%;
        height: 180px;
        background-image: url('./para22.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    
    .qrcode-wrapper {
        position: relative;
        text-align: left;
        left: 15px;
        /*bottom:50px;*/
        /*margin-bottom: -50px;*/
    }
    
    .qrcode {
        /*-WEBKIT-USER-SELECT:NONE;*/
        /*top:72%;*/
        /*left:15px;*/
        width: 50px;
        height: 50px;
        /*        background-image: url('./qrcode.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
*/
    }
    </style>
    <!-- <div class="ant-line first"></div> -->
    <div class="success-wrapper" style="text-align:center;">
        <!-- <div class="para1"></div> -->
        <img style="width:90%; margin-bottom: 5px;" src='./para2.png' />
        <div class="ant-line second"></div>
        <!-- <img src='./para22.png' style="width:100%;" /> -->
        <!-- <div class="para2"></div> -->
        <img style="width:90%;margin-top:-10px;" src='./para22.png' />
        <!--         <div class="qrcode-wrapper">
            <img src='./qrcode.png' class="qrcode" />
        </div>
 -->
        <div class="footer">
            <div style="width:50%; text-align:left;padding:5px 40px;">
                <img width='40' height='12' src='./sponsor/赞助商.png' class="" />
            </div>
            <div style="width:100%; text-align:center;margin-bottom:10px;">
                <img width='40' height='14' src='./sponsor/赞助商1.png' class="sponsorimg" />
                <img width='40' height='14' src='./sponsor/赞助商2.png' class="sponsorimg" />
                <img width='40' height='14' src='./sponsor/赞助商3.png' class="sponsorimg" />
                <img width='40' height='14' src='./sponsor/赞助商4.png' class="sponsorimg" />
                <img width='40' height='14' src='./sponsor/赞助商5.png' class="sponsorimg" />
                <img width='40' height='14' src='./sponsor/赞助商6.png' class="sponsorimg" />
                <img width='40' height='14' src='./sponsor/赞助商7.png' class="sponsorimg" />
                <img width='40' height='14' src='./sponsor/赞助商8.png' class="sponsorimg" />

            </div>
        </div>
        <div class="ant-line second"></div>
        <a class="agenda" onclick="url_redirect()"></a>
    </div>
    <div class="form-wrapper">
        <!-- <img src='./qrcode.png' class="qrcode" /> -->
    </div>
    <!--     <div class="agenda-wrapper">
    </div> -->
    <!--     <script id="__bs_script__">//<![CDATA[
        document.write("<script async src='http://HOST:3000/browser-sync/browser-sync-client.js?v=2.17.5'><\/script>".replace("HOST", location.hostname));
    //]]></script>
 -->
    <script type="text/javascript">
    function url_redirect() {
        if (sessionStorage.getItem("flag") == 'registered') {
            window.location.href = '/success.html';

        } else {
            window.location.href = '/form.html';
        }

    }

    if ('addEventListener' in document) {
        document.addEventListener('DOMContentLoaded', function() {
            FastClick.attach(document.body);
        }, false);
    }
    </script>
</body>

</html>
